/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START BUY SELL DESIGN
    06. START TOKEN SALE DESIGN
    07. START ROADMAP DESIGN
    08. START DOWNLOAD DESIGN
    09. START TEAM DESIGN
    10. START ADVISOR DESIGN
    11. START PARTNER DESIGN
    12. START FAQ DESIGN
    13. START PROMOTION DESIGN
    14. START CONTACT DESIGN
    15. START BLOG DESIGN
    16. START FOOTER DESIGN
    17. START SECTION TOP DESIGN
  =============================================================*/
@font-face {
  font-family: "NeueMontreal-Bold";
  src: url("../fonts/NeueMontreal-Bold.otf");
}
@font-face {
  font-family: "NeueMontreal-BoldItalic";
  src: url("../fonts/NeueMontreal-BoldItalic.otf");
}
@font-face {
  font-family: "NeueMontreal-Italic";
  src: url("../fonts/NeueMontreal-Italic.otf");
}
@font-face {
  font-family: "NeueMontreal-Light";
  src: url("../fonts/NeueMontreal-Light.otf");
}
@font-face {
  font-family: "NeueMontreal-LightItalic";
  src: url("../fonts/NeueMontreal-LightItalic.otf");
}
@font-face {
  font-family: "NeueMontreal-Medium";
  src: url("../fonts/NeueMontreal-Medium.otf");
}
@font-face {
  font-family: "NeueMontreal-MediumItalic";
  src: url("../fonts/NeueMontreal-MediumItalic.otf");
}
@font-face {
  font-family: "NeueMontreal-Regular";
  src: url("../fonts/NeueMontreal-Regular.otf");
}

/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #444;
font-family: 'Roboto Slab', serif;
/*font-size: 16px;*/
font-weight: 300;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100%;position:relative;  }
/*h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: 'Roboto Slab', serif;
  color: #1d1e20;
  font-weight: 400;
  position: relative;
}*/
a {
font-family: 'Roboto Slab', serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
	position: relative;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#1A2142;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title h1 {
	font-size: 38px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}
h1.section-title-white{
color:#fff;
font-size: 40px;
line-height: 70px;
font-weight:600;
margin-top: 0;
position: relative;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:768px) { 
.section-title  h1  {font-size:40px;}
}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #f5325c none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 100px;
}

.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #1A2142 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #000;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
	background:#ffa900;
	padding: 12px 40px;
	border: 2px solid #ffa900;
	color: #fff;
	border-radius:30px;
	font-size: 15px;
	display: inline-block;
	font-weight: 500;
	position:relative;
	text-transform: capitalize;
	transition: 0.3s;
}

.btn_one:hover, .btn_one:focus{
background:#F0FBFF;
color:#1d1e20;
border:2px solid #F0FBFF;
}
.btn_two {
	background: none;
	padding: 12px 40px;
	border: 2px solid rgba(255,255,255,0.6);
	color: #fff;
	border-radius: 30px;
	position: relative;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	transition: 0.3s;
}
.btn_two:hover, .btn_two:focus{
background:#fff;
color:#1d1e20;
border:2px solid #fff;
}
.btn_three {
	background: #fff;
	padding: 10px 36px;
	border: 2px solid #fff;
	color: #1d1e20;
	border-radius:30px;
	position:relative;
	display: inline-block;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
	transition: 0.3s;
}
.btn_three:hover, .btn_three:focus{
background:none;
color:#fff;
border:2px solid #fff;
}
/*END BUTTON DESING*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-brand img{
	width: 200px;
	height: auto;
}

.navbar-custom {
  /*background-color: #fff;*/
  padding: 10px 0;
  width: 100%;
  border-radius: 0px;
  z-index: 999;
  margin-bottom: 0px;
	border-bottom:0px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /*-webkit-box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
	box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);*/
}
.menu-blanco {
  background: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
	box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
}
.menu-transparente {
  background: transparent;
}
.navbar-custom .navbar-toggler {
    color: #fff;
    font-size: 30px;
    padding: 0px;
}
.navbar-custom .navbar-brand {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.navbar-custom .navbar-nav li a {
    color: #000 !important;
    font-size: 14px;
    background-color: transparent !important;
    margin: 0 25px;
    letter-spacing: 0.5px;
    line-height: 24px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
    /*font-weight: 500;*/
    font-family: "NeueMontreal-Medium";
}
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:active,
.navbar-custom .navbar-nav li a.active {
    color: #1A2142 !important;
}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
    padding-right: 0;
}
.navbar-custom /*.nav-sticky*/ {
  background-color: transparent;
  padding: 15px 0px;
  border-bottom: none;
	/*box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);*/
}
.nav-sticky-verde {
	background-color: #00c800;
}
.nav-sticky-blanco {
	background-color: #fff;
}
@media (max-width: 1023px) {
    .navbar-custom .nav-social {
        display: none;
    }
}
@media (max-height: 480px) {
    .navbar-nav {
        max-height: 200px;
        overflow-y: auto;
    }
}
@media (min-width: 200px) and (max-width: 768px) {
	.navbar-custom {
		background-color: transparent;
		padding: 0px 0px !important;
	}
	.menu-blanco {
	  background: #fff;
	  -webkit-box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
		-moz-box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
		box-shadow: 0px 3px 6px 0px rgba(204,204,204,1);
	}
	.menu-transparente {
	  background: transparent;
	}
	.navbar-collapse {
		background: #fff;
		padding: 10px;
	}
	.nav-sticky-verde {
		background-color: #00c800;
	}
	.nav-sticky-blanco {
		background-color: #fff;
	}
}
.mdi-menu::before {
	color: #000;
	content: "\F035C";
}
.mdi::before, .mdi-set {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*====================================================================================================================================================================*/
.boton-ingresar-navegacion {
	/*background-color:#44c767;*/
	border-radius:28px;
	border:1px solid  #00c800;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 14px;
	font-family: "NeueMontreal-Medium";
	padding:1px 15px;
	text-decoration:none;
}
.boton-ingresar-navegacion:hover {
	background-color:#5cbf2a;
}
.boton-ingresar-navegacion-blanco {
	/*background-color:#44c767;*/
	border-radius:28px;
	border:1px solid  #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size: 14px;
	font-family: "NeueMontreal-Medium";
	padding:1px 15px;
	text-decoration:none;
}
.boton-ingresar-navegacion-blanco:hover {
	background-color:#5cbf2a;
}
/*======================INDEX======================*/
.contenedor-texto-slide {
	position: absolute;
	width: 40%;
	top: 250px;
	float: left;
	left: 150px;
	/*border: solid 3px #000;*/
}
.contenedor-texto-slide h1 {
	color: #00c800;
	font-family: "NeueMontreal-Bold";
}
.contenedor-texto-slide p {
	color: #000;
	font-family: "NeueMontreal-Bold";
	font-size: 33px;
	line-height: 40px;
}
.boton-slide {
	background-color:#00c800;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: "NeueMontreal-Bold";
	font-size:15px;
	padding: 7px 70px;
	text-decoration:none;
}
.boton-slide:hover {
	background-color:#000;
	color: #f8b133;
}
.contenedor-formulario-slide {
	position: absolute;
	width: 30%;
	height: 500px;
	margin:  0 auto;
	background: #fff;
	top: 150px;
	left: 530px;
	z-index: 100;
	text-align: center;
	padding: 30px;
	-webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.49);
	/*border: solid 3px #000;*/
}
input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #00c800;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #00c800;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #00c800;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #00c800;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #00c800;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1A2142;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #00c800;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #1A2142;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1A2142;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #00c800;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #00c800;
}
input[type=range]:focus::-ms-fill-upper {
  background:#00c800;
}
.contenedor-formulario-slide h1 {
	color: #1A2142;
	font-family: "NeueMontreal-Bold";
}
.contenedor-formulario-slide p {
	color: #000;
	font-family: "NeueMontreal-Medium";
	font-size: 10px;
	line-height: 10px;
}
.contenedor-formulario-slide label {
	color: #1A2142;
	font-size: 16px;
	font-family: "NeueMontreal-Bold";
}
.contenedor-formulario-slide span {
	color: #1A2142;
	font-size: 18px;
	font-family: "NeueMontreal-Bold";
}
.contenedor-formulario-slide a {
	color: #1A2142;
	font-size: 12px;
	font-family: "NeueMontreal-Bold";
}

.tres-puntos-index {
	text-align: center;
	/*border: solid 1px #000;*/
}
.tres-puntos-index img {
	width: 25%;
}
.tres-puntos-index h3 {
	color: #1A2142;
	font-size: 18px;
}
.texto-asi-de-simple {
	position: relative;
	top: 50px;
	font-family: "NeueMontreal-Bold";
	/*border: solid 1px #000;*/
}
.texto-asi-de-simple h2 {
	color: #00c800;
	font-size: 45px;
	font-family: "NeueMontreal-Bold";
}
.bg-iconos-creditos {
	background: #00c800;
}
.item-credito-img {
	padding: 0;
	/*border: solid 1px #000;*/
}
/*.item-credito-titulo {
	text-align: left;
	border: solid 1px #000;
}*/
.iconos-creditos {
	/*display: flex;*/
	text-align: center;
	/*border: solid 1px #000;*/
}
/*.icono-credito-personal {
	width: 100%;
}
.icono-credito-prendario {
	width: 100%;
}
.icono-credito-hipotecario {
	width: 100%;
}
.icono-credito-pymes {
	width: 80%;
}*/
.iconos-creditos img {
	width: 30%;
}
.iconos-creditos h3 {
	position: relative;
	top: 15px;
	color: #fff;
	font-size: 20px;
	font-family: "NeueMontreal-Medium";
}
.invertir-index {
	height: 600px;
	background-image: url(../imagenes/inicio/bg-invierte.jpg);  
	background-size: contain;
	background-repeat: no-repeat; 
	padding: 250px;
	/*border: solid 1px #000;*/
}
.invertir-texto-index {
	position: absolute;
	width: 37%;
	margin-top: -150px;
	/*border: solid 1px #000;*/
}
.invertir-texto-index h2 {
	font-family: "NeueMontreal-Bold";
	color: #00c800;
	font-size: 54px;
}
.invertir-texto-index p {
	font-family: "NeueMontreal-Bold";
	font-size: 34px;
	color: #000;
	line-height: 35px;
}
.boton-invierte-verde {
	width: 60%;
	background-color:#00c800;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: "NeueMontreal-Bold";
	text-align: center;
	font-size:24px;
	padding: 7px 34px;
	text-decoration:none;
}
.boton-invierte-verde:hover {
	background-color:#000;
	color: #00c800;
}
.seccion-ya-eres-cliente-verde {
	background: #00c800;
	padding: 50px;
	/*border: solid 1px #000;*/
}
.seccion-ya-eres-cliente-verde-login h4 {
	color: #fff;
	font-family: "NeueMontreal-Bold";
	font-size:35px;
	/*border: solid 1px #000;*/
}
.boton-login-blanco {
	width: 40%;
	background-color:#fff;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#00c800;
	font-family: "NeueMontreal-Bold";
	text-align: center;
	font-size:24px;
	padding: 7px 34px;
	text-decoration:none;
}
.boton-login-blanco:hover {
	background-color:#000;
	color: #00c800;
}
.textimonios {
	background: #fff;
}
.item-testimonio {
	/*-webkit-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
	box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);*/

}
.testimonios-texto {
	height: 400px;
	padding: 25px;
	text-align: justify;
	-webkit-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
	box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
	/*border: solid 1px #000;*/
}
.testimonios-texto h3 {
	font-size: 22px;
}
.testimonios-texto h4 {
	font-size: 16px;
}
.testimonios-texto img {
	width:150px;
    height:150px;
    border-radius:50%;
    margin-bottom: 20px;
	/*border: solid 1px #000;*/
}
.item-preguntas-frecuentes h2 {
	font-family: "NeueMontreal-Bold";
}
/*====================FIN INDEX====================*/
/*=================¿CÓMO FUNCIONA?=================*/
.contenedor-texto-como-funciona-banner-principal {
	position: absolute;
	width: 35%;
	top: 250px;
	float: left;
	left: 100px;
	text-align: center;
	/*border: solid 3px #000;*/
}
.contenedor-texto-como-funciona-banner-principal h1 {
	color: #fff;
	font-family: "NeueMontreal-Bold";
	font-size: 50px;
	letter-spacing: 5px;
}
.boton-como-funciona-banner-principal {
	background-color:#fff;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#00c800;
	font-family: "NeueMontreal-Medium";
	font-size:15px;
	padding: 7px 50px;
	text-decoration:none;
}
.boton-como-funciona-banner-principal:hover {
	background-color:#000;
	color: #f8b133;
}
.como-funciona {
	width: 100%;
	display: flex;
}
.titulos-como-funciona {
	color: #00c800;
	font-family: "NeueMontreal-Bold";
	margin-bottom: 50px;
}
.item-quiero-un-credito-img img {
	width: 100%;
	/*border: solid 1px #000;*/
}
.item-quiero-un-credito {
	height: 170px;
	/*border: solid 1px #000;*/
}
.texto-quiero-un-credito-numero {
	position: relative;
	width: 10%;
	float: left;
	text-align: center;
	margin-right: 10px;
	/*border: solid 1px #000;*/
}
.texto-quiero-un-credito-numero h2 {
	font-family: "NeueMontreal-Bold";
	color: #00c800;
	border-radius: 50%;
	font-size: 25px;
	padding: 8px;
	border: solid 3px #00c800;
}
.texto-quiero-un-credito {
	position: relative;
	width: 85%;
	float: right;
	/*border: solid 1px #000;*/
}
.texto-quiero-un-credito h2 {
	color: #00c800;
	font-size: 25px;
	font-family: "NeueMontreal-Bold";
	letter-spacing: 2px;
	line-height: 25px;
}
.texto-quiero-un-credito p {
	color: #000;
	font-size: 17px;
	font-family: "NeueMontreal-Medium";
	text-align: justify;
}
.item-quiero-invertir-img img {
	width: 100%;
	/*border: solid 1px #000;*/
}
.item-quiero-invertir {
	height: 150px;
	/*border: solid 1px #ccc;*/
}
.texto-quiero-invertir-numero {
	position: relative;
	width: 10%;
	float: left;
	text-align: center;
	margin-right: 10px;
	/*border: solid 1px #000;*/
}
.texto-quiero-invertir-numero h2 {
	font-family: "NeueMontreal-Bold";
	color: #00c800;
	border-radius: 50%;
	font-size: 25px;
	padding: 8px;
	border: solid 3px #00c800;
}
.texto-quiero-invertir {
	position: relative;
	width: 85%;
	float: right;
	/*border: solid 1px #000;*/
}
.texto-quiero-invertir h2 {
	color: #00c800;
	font-size: 25px;
	font-family: "NeueMontreal-Bold";
	letter-spacing: 2px;
	line-height: 25px;
}
.texto-quiero-invertir p {
	color: #000;
	font-size: 17px;
	font-family: "NeueMontreal-Medium";
	text-align: justify;
}
.boton-como-funciona-credito-invertir {
	background:#00c800;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family: "NeueMontreal-Medium";
	font-size:15px;
	padding: 7px 50px;
	text-decoration:none;
}
.boton-como-funciona-credito-invertir:hover {
	background-color:#000;
	color: #f8b133;
}
/*===============FIN ¿CÓMO FUNCIONA?===============*/
/*====================SERVICIOS====================*/
.contenedor-texto-servicios-banner-principal {
	position: absolute;
	width: 35%;
	top: 250px;
	float: left;
	left: 100px;
	text-align: left;
	/*border: solid 3px #000;*/
}
.contenedor-texto-servicios-banner-principal h1 {
	color: #fff;
	font-family: "NeueMontreal-Bold";
	font-size: 50px;
	letter-spacing: 5px;
}
.boton-servicios-banner-principal {
	position: relative;
	width: 65%;
	background-color:#fff;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#00c800;
	font-family: "NeueMontreal-Bold";
	font-size:18px;
	padding: 17px 50px;
	text-align: center;
	text-decoration:none;
}
.boton-servicios-banner-principal:hover {
	background-color:#000;
	color: #f8b133;
}
.servicios {
	z-index: 500;
	/*border: solid 1px #000;*/
}
.item-servicio {
    width: 100%;
    height: 150px;
    padding: 0;
    /*border: solid 1px #000;*/
}
.item-servicio img {
    width: 70%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.item-servicio h2 {
    color: #1A2142;
}
.item-servicio p {
    color: #1A2142;
    text-align: justify;
}
.boton-item-servicio {
    position: relative;
    top: 30px;
    width: 100%;
    background: #00c800;
    border-radius:50px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding:11px;
    text-decoration:none;
    text-align: center;
}
.boton-item-servicio:hover {
    background-color:#000;
    color: #fff;
}
/*==================FIN SERVICIOS===================*/
/*=====================CONTACTO=====================*/
.contacto {
	margin-bottom: 100px;
	/*border: solid 1px #000;*/
}
.contenedor-contacto {
	position: relative;
	top: 100px;
	/*border: solid 1px #000;*/
}
.titulo-contacto {
	color: #00c800;
	font-family: "NeueMontreal-Bold";
	margin-bottom: 50px;
}
.titulo-contacto p {
	color: #000;
	font-family: "NeueMontreal-Medium";
	margin-bottom: 50px;
}
.contacto-img-contacto {
	position: relative;
	top: 50px;
	width: 100%;
	/*border: solid 1px #000;*/
}
.estilo-no-boton {
	margin-top: 6px;
	border: none;
	background: transparent;
	font-family: "NeueMontreal-Bold";
	color: #000;
}
.formulario-contacto {
	text-align: center;
}
.formulario-contacto h3 {
	font-family: "NeueMontreal-Bold";
	color: #1A2142;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
.formulario-contacto label {
	width: 80%;
	font-family: "NeueMontreal-Medium";
	color: #1A2142;
	text-align: center;
}
.formulario-contacto input, select {
	width: 80%;
	height: 35px;
	background-color: rgba(0, 200, 0, 0.6);
	border: none;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #fff;
	font-family: "NeueMontreal-Medium";
	text-align-last: center;
}
.img-logo-formulario-contacto {
	width: 70%;
}
.img2-formulario-contacto {
	width: 100%;
}
.boton-formulacio-modal {
    position: relative;
    top: 30px;
    width: 80%;
    background: #1A2142;
    border: none;
    border-radius:50px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    padding:11px;
    text-decoration:none;
    text-align: center;
}
.boton-formulacio-modal:hover {
    background-color:#000;
    color: #fff;
}
/*===================FIN CONTACTO===================*/
/*======================FOOTER======================*/
.item-footer {
	/*border: solid 1px #000;*/
}
.item-footer h4 {
	font-family: "NeueMontreal-Bold";
	color: #fff;
}
.item-footer a {
	font-family: "NeueMontreal-Medium";
	color: #fff;
	font-size: 13px;
}
.item-footer a:hover {
	font-family: "NeueMontreal-Medium";
	color: #00c800;
	font-size: 13px;
}
.item-footer p {
	font-family: "NeueMontreal-Medium";
	color: #fff;
	font-size: 13px;
}
/*====================FIN FOOTER====================*/
/*=======================LOGIN======================*/
.login-form {
	text-align: center;
	padding: 0;
	/*border: solid 1px #000;*/
}
.login-form h3 {
	font-family: "NeueMontreal-Bold";
	color: #1A2142;
	margin-top: 20px;
}
.login-form input {
	width: 70%;
	height: 30px;
	text-align: center;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 6px 18px -2px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 6px 18px -2px rgba(0,0,0,0.53);
	box-shadow: 0px 6px 18px -2px rgba(0,0,0,0.53);
	border: none;
	border-radius: 5px;
}
.login-form input::placeholder {
	font-family: "NeueMontreal-Bold";
	color: #1A2142;
}
.login-form-logo {
	width: 50%;
}
.login-form-img2 {
	width: 50%;
}
.boton-login-form {
    position: relative;
    width: 70%;
    background: #00c800;
    border: none;
    border-radius:50px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-size:18px;
    font-family: "NeueMontreal-Medium";
    padding:11px;
    text-decoration:none;
    text-align: center;
}
.boton-login-form:hover {
    background-color:#000;
    color: #fff;
}
/*=====================FIN LOGIN====================*/
/*:::::::::::::::::::::::BOTON FLOTANTE WHATSAPP::::::::::::::::::::::::*/
  .float{
    position:fixed;
    z-index: 9999;
    width:53px;
    height:53px;
    /*bottom:40px;
    right:40px;*/
    bottom: 80px;
    right: 5px;
    background: #00c800;
    color:#FFF;
    border-radius:50%;
    text-align:center;
  }
  .float:hover {
    text-decoration: none;
    color: #25d366;
    background: #1A2142;
  }
  .float img {
    position: relative;
    width: 50%;
    top: 13px;
    display:block;
    margin-left: auto;
    margin-right: auto;
    /*border: solid 2px #ccc;*/
}
/*::::::::::::::::::::FIN BOTÓN FLOTANTE WHATSAPP:::::::::::::::::::::::*/
/*==============================================================================RESPONSIVE==============================================================================*/
@media only screen and (max-width: 1920px) {
	.desktop {
		display: block;
	}
	.responsive {
		display: none;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	.desktop {
		display: block;
	}
	.responsive {
		display: none;
	}
}

@media only screen and (max-width:768px) {
	.desktop {
		display: none;
	}
	.responsive {
		display: block;
	}
	/*INDEX*/
	.banner-responsive-index {
		height: 1305px;
		/*border: solid 5px #000;*/
	}
	.contenedor-texto-slide {
		position: absolute;
		width: 95%;
		margin: 200px auto;
		left: 0;
		right: 0;
		/*border: solid 1px #000;*/
	}
	.contenedor-texto-slide2 {
		position: absolute;
		width: 95%;
		margin: 100px auto;
		left: 0;
		right: 0;
		/*border: solid 1px #000;*/
	}
	.contenedor-texto-slide h1{
		width: 50%;
		font-size: 40px;
	}
	.contenedor-texto-slide p{
		width: 100%;
	}
	.contenedor-texto-slide2 p{
		width: 100%;
		font-size: 30px;
		line-height: 25px;
	}
	.boton-slide {
		width: 100%;
		text-align: center;
	}

	.contenedor-formulario-slide {
		position: absolute;
		width: 100%;
		height: 500px;
		margin: 650px auto;
		background: #fff;
		left: 0px;
		z-index: 100;
		text-align: center;
		padding: 30px;
		-webkit-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.49);
		-moz-box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.49);
		box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.49);
		/*border: solid 3px #000;*/
	}
	input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #00c800;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #00c800;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #00c800;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #00c800;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #00c800;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1A2142;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #00c800;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #1A2142;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1A2142;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #00c800;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #00c800;
}
input[type=range]:focus::-ms-fill-upper {
  background:#00c800;
}
	.contenedor-formulario-slide h1 {
		color: #1A2142;
		font-family: "NeueMontreal-Bold";
	}
	.contenedor-formulario-slide p {
		color: #000;
		font-family: "NeueMontreal-Medium";
		font-size: 10px;
		line-height: 10px;
	}
	.contenedor-formulario-slide label {
		color: #1A2142;
		font-size: 16px;
		font-family: "NeueMontreal-Bold";
	}
	.contenedor-formulario-slide span {
		color: #1A2142;
		font-size: 18px;
		font-family: "NeueMontreal-Bold";
	}
	.contenedor-formulario-slide a {
		color: #1A2142;
		font-size: 12px;
		font-family: "NeueMontreal-Bold";
	}


	.tres-puntos-index {
		text-align: center;
		/*border: solid 1px #000;*/
	}
	.tres-puntos-index img {
		width: 40%;
	}
	.tres-puntos-index h3 {
		color: #1A2142;
		font-size: 18px;
	}
	.col-asi-de-simple {
		height: 250px;
		/*border: solid 1px #000;*/
	}
	.iconos-creditos {
		padding: 15px;
		/*border: solid 1px #000;*/
	}
	.iconos-creditos h3 {
		font-size: 25px;
	}
	.invertir-index {
		width: 100%;
		height: 780px;
		background-image: url(../imagenes/inicio/bg-invierte-responsive.jpg);  
		background-size: contain;
		background-repeat: no-repeat; 
		padding: 0;
		/*border: solid 3px #000;*/
	}
	.invertir-texto-index {
		position: absolute;
		width: 100%;
		margin: 255px auto;
		left: 0;
		right: 0;
		padding: 25px;
		/*border: solid 1px #000;*/
	}
	.invertir-texto-index h2 {
		font-family: "NeueMontreal-Bold";
		color: #00c800;
		font-size: 54px;
	}
	.invertir-texto-index p {
		width: 90%;
		font-family: "NeueMontreal-Bold";
		font-size: 24px;
		color: #000;
		line-height: 35px;
	}
	.boton-invierte-verde {
		width: 100%;
		background-color:#00c800;
		border-radius:28px;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family: "NeueMontreal-Bold";
		text-align: center;
		font-size:24px;
		padding: 7px 34px;
		text-decoration:none;
	}
	.boton-invierte-verde:hover {
		background-color:#000;
		color: #00c800;
	}
	.seccion-ya-eres-cliente-verde {
		background: #00c800;
		padding: 50px;
		/*border: solid 1px #000;*/
	}
	.seccion-ya-eres-cliente-verde-login h4 {
		color: #fff;
		font-family: "NeueMontreal-Bold";
		font-size:35px;
		/*border: solid 1px #000;*/
	}
	.boton-login-blanco {
		width: 40%;
		background-color:#fff;
		border-radius:28px;
		display:inline-block;
		cursor:pointer;
		color:#00c800;
		font-family: "NeueMontreal-Bold";
		text-align: center;
		font-size:24px;
		padding: 7px 34px;
		text-decoration:none;
	}
	.boton-login-blanco:hover {
		background-color:#000;
		color: #00c800;
	}
	.seccion-ya-eres-cliente-verde {
		background: #00c800;
		padding: 25px;
		/*border: solid 1px #000;*/
	}
	.seccion-ya-eres-cliente-verde-login h4 {
		color: #fff;
		font-family: "NeueMontreal-Bold";
		font-size:30px;
		/*border: solid 1px #000;*/
	}
	.boton-login-blanco {
		width: 100%;
		background-color:#fff;
		border-radius:28px;
		display:inline-block;
		cursor:pointer;
		color:#00c800;
		font-family: "NeueMontreal-Bold";
		text-align: center;
		font-size:24px;
		padding: 7px 34px;
		text-decoration:none;
		margin-top: 25px;
	}
	.boton-login-blanco:hover {
		background-color:#000;
		color: #00c800;
	}
	.textimonios {
		background: #fff;
	}
	.item-testimonio {
		padding: 25px;
		/*-webkit-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
		box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);*/

	}
	.testimonios-texto {
		height: 450px;
		padding: 25px;
		text-align: justify;
		-webkit-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
		-moz-box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
		box-shadow: -4px 4px 13px -2px rgba(0,0,0,0.75);
		/*border: solid 1px #000;*/
	}
	.testimonios-texto h3 {
		font-size: 22px;
	}
	.testimonios-texto h4 {
		font-size: 16px;
	}
	.testimonios-texto img {
		width:150px;
	    height:150px;
	    border-radius:50%;
	    margin-bottom: 20px;
		/*border: solid 1px #000;*/
	}
	.item-preguntas-frecuentes h2 {
		font-family: "NeueMontreal-Bold";
	}
	/*==========¿CÓMO FUNCIONA?=========*/
	.contenedor-texto-como-funciona-banner-principal {
		position: absolute;
		width: 95%;
		margin: 200px auto;
		left: 0;
		right: 0;
		text-align: left;
		padding: 25px;
		/*border: solid 3px #000;*/
	}
	.contenedor-texto-como-funciona-banner-principal h1 {
		color: #fff;
		font-family: "NeueMontreal-Bold";
		font-size: 50px;
		letter-spacing: 5px;
	}
	.boton-como-funciona-banner-principal {
		width: 100%;
		background-color:#fff;
		border-radius:28px;
		display:inline-block;
		cursor:pointer;
		color:#00c800;
		font-family: "NeueMontreal-Medium";
		font-size:15px;
		padding: 7px 50px;
		text-align: center;
		text-decoration:none;
		margin-bottom: 15px;
	}
	.boton-como-funciona-banner-principal:hover {
		background-color:#000;
		color: #f8b133;
	}

	.como-funciona {
		width: 100%;
		/*border: solid 5px #000*/
	}
	.titulos-como-funciona {
		color: #00c800;
		font-size: 75px;
		font-family: "NeueMontreal-Bold";
		margin-bottom: 50px;
	}
	.titulos-como-funciona h1 {
		font-size: 45px;
	}
	.item-quiero-un-credito-img img {
		width: 100%;
		margin-bottom: 25px;
		/*border: solid 1px #000;*/
	}
	.item-quiero-un-credito {
		height: 300px;
		padding: 15px;
		/*border: solid 1px #000;*/
	}
	.texto-quiero-un-credito-numero {
		position: relative;
		width: 15%;
		float: left;
		text-align: center;
		margin-right: 10px;
		/*border: solid 1px #000;*/
	}
	.texto-quiero-un-credito-numero h2 {
		font-family: "NeueMontreal-Bold";
		color: #00c800;
		border-radius: 50%;
		font-size: 25px;
		padding: 8px;
		border: solid 3px #00c800;
	}
	.texto-quiero-un-credito {
		position: relative;
		width: 85%;
		float: left;
		/*border: solid 1px #000;*/
	}
	.texto-quiero-un-credito h2 {
		color: #00c800;
		font-size: 26px;
		font-family: "NeueMontreal-Bold";
		letter-spacing: 2px;
		line-height: 25px;
	}
	.texto-quiero-un-credito p {
		color: #000;
		font-size: 20px;
		font-family: "NeueMontreal-Medium";
		text-align: justify;
	}
	.item-quiero-invertir-img img {
		width: 100%;
		/*border: solid 1px #000;*/
	}
	.item-quiero-invertir {
		height: 300px;
		padding: 15px;
		/*border: solid 1px #ccc;*/
	}
	.texto-quiero-invertir-numero {
		position: relative;
		width: 10%;
		float: left;
		text-align: center;
		margin-right: 10px;
		/*border: solid 1px #000;*/
	}
	.texto-quiero-invertir-numero h2 {
		font-family: "NeueMontreal-Bold";
		color: #00c800;
		border-radius: 50%;
		font-size: 25px;
		padding: 8px;
		/*border: solid 3px #00c800;*/
	}
	.texto-quiero-invertir {
		position: relative;
		width: 85%;
		float: left;
		/*border: solid 1px #000;*/
	}
	.texto-quiero-invertir h2 {
		color: #00c800;
		font-size: 25px;
		font-family: "NeueMontreal-Bold";
		letter-spacing: 2px;
		line-height: 25px;
	}
	.texto-quiero-invertir p {
		color: #000;
		font-size: 17px;
		font-family: "NeueMontreal-Medium";
		text-align: justify;
	}
	.boton-como-funciona-credito-invertir {
		background:#00c800;
		border-radius:28px;
		display:inline-block;
		cursor:pointer;
		color:#fff;
		font-family: "NeueMontreal-Medium";
		font-size:15px;
		padding: 7px 50px;
		text-decoration:none;
		margin-top: 25px;
	}
	.boton-como-funciona-credito-invertir:hover {
		background-color:#000;
		color: #f8b133;
	}
	/*========FIN ¿CÓMO FUNCIONA?=======*/
	/*==============SEVICIOS============*/
	.contenedor-texto-servicios-banner-principal {
		position: absolute;
		width: 95%;
		margin: 200px auto;
		left: 0;
		right: 0;
		text-align: left;
		padding: 25px;
		/*border: solid 3px #000;*/
	}
	.contenedor-texto-servicios-banner-principal h1 {
		color: #fff;
		font-family: "NeueMontreal-Bold";
		font-size: 50px;
		letter-spacing: 5px;
	}
	.boton-servicios-banner-principal {
		position: relative;
		width: 65%;
		background-color:#fff;
		border-radius:28px;
		display:inline-block;
		cursor:pointer;
		color:#00c800;
		font-family: "NeueMontreal-Bold";
		font-size:18px;
		padding: 17px 50px;
		text-align: center;
		text-decoration:none;
	}
	.boton-servicios-banner-principal:hover {
		background-color:#000;
		color: #f8b133;
	}
	.servicios {
		z-index: 500;
		/*border: solid 3px #000;*/
	}
	.item-servicio {
	    width: 100%;
	    height: 150px;
	    padding: 0;
	    margin-bottom: 25px;
	    /*border: solid 1px #000;*/
	}
	.item-servicio img {
	    width: 50%;
	    display:flex;
	    justify-content: center;
	    align-items: center;
	}
	.item-servicio h2 {
	    color: #1A2142;
	}
	.item-servicio p {
	    color: #1A2142;
	    text-align: justify;
	}
	.boton-item-servicio {
	    position: relative;
	    /*top: 30px;*/
	    width: 100%;
	    background: #00c800;
	    border-radius:50px;
	    display:inline-block;
	    cursor:pointer;
	    color:#fff;
	    font-size:14px;
	    font-weight:bold;
	    padding:11px;
	    text-decoration:none;
	    text-align: center;
	}
	.boton-item-servicio:hover {
	    background-color:#000;
	    color: #fff;
	}
	/*============FIN SERVICIOS=========*/
	/*==============FOOTER=============*/
	.item-footer {
		margin-bottom: 25px;
		/*border: solid 1px #000;*/
	}
	.item-footer h4 {
		font-family: "NeueMontreal-Bold";
		color: #fff;
	}
	.item-footer a {
		font-family: "NeueMontreal-Medium";
		color: #fff;
		font-size: 13px;
	}
	.item-footer a:hover {
		font-family: "NeueMontreal-Medium";
		color: #00c800;
		font-size: 13px;
	}
	.item-footer p {
		font-family: "NeueMontreal-Medium";
		color: #fff;
		font-size: 13px;
	}
	.item-footer img {
		width: 50%;
	}
	/*============FIN FOOTER===========*/
}

@media only screen and (min-width: 375px) and (orientation: portrait) { 
	.desktop {
		display: none;
	}
	.responsive {
		display: block;
	}
	/*INDEX*/
	.banner-responsive-index {
		height: 1305px;
		/*border: solid 5px #000;*/
	}
	.contenedor-texto-slide {
		position: absolute;
		width: 95%;
		margin: 260px auto;
		left: 0;
		right: 0;
		/*border: solid 1px #000;*/
	}
	.contenedor-texto-slide2 {
		position: absolute;
		width: 95%;
		margin: 160px auto;
		left: 0;
		right: 0;
		/*border: solid 1px #000;*/
	}
	.contenedor-texto-slide h1{
		width: 50%;
		font-size: 40px;
	}
	.contenedor-texto-slide p{
		width: 100%;
	}
	.contenedor-texto-slide2 p{
		width: 100%;
		font-size: 30px;
		line-height: 25px;
	}
	.boton-slide {
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 320px) and (orientation: portrait) { 
	.desktop {
		display: none;
	}
	.responsive {
		display: block;
	}
	/*INDEX*/
	.banner-responsive-index {
		height: 1305px;
		/*border: solid 5px #000;*/
	}
	.contenedor-texto-slide {
		position: absolute;
		width: 95%;
		margin: 130px auto;
		left: 0;
		right: 0;
		/*border: solid 1px #000;*/
	}
	.contenedor-texto-slide2 {
		position: absolute;
		width: 95%;
		margin: 160px auto;
		left: 0;
		right: 0;
		/*border: solid 1px #000;*/
	}
	.contenedor-texto-slide h1{
		width: 50%;
		font-size: 40px;
	}
	.contenedor-texto-slide p{
		width: 100%;
	}
	.contenedor-texto-slide2 p{
		width: 100%;
		font-size: 30px;
		line-height: 25px;
	}
	.boton-slide {
		position: relative;
		width: 100%;
		top: -50px;
		text-align: center;
	}
}
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	position: relative;
    /*padding-bottom: 100px;*/
}
.home_bg::before {
	background:rgba(0,0,0,0.01);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.hero-text h2 {
	color: #fff;
	font-size: 70px;
	font-weight: 700;
	line-height: 88px;
	padding-top: 250px;
	margin-bottom: 20px;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {font-size:42px;line-height:52px;}
}
@media only screen and (max-width:480px) { 
.hero-text h2 {font-size:32px;}
}
.hero-text p {
	margin-top: 20px;
	color:#fff;
}
.home_btn{margin-top:40px;}
.home_btn a {
	margin-right: 10px;
}
.home_btn a i{}
.hero-text-img{padding-top:150px;position: relative;}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top:50px;}
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us {
	padding-bottom: 50px;
}
.single_about {
	padding: 0 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_about img{
float: left;
width: 60px;
margin-right: 20px;
margin-bottom: 20px;
}
.single_about h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom:15px;
	overflow: hidden;
}
.single_about p{overflow: hidden;}
.about-img{text-align: center;}
.about-img img{margin-bottom:50px;}
.about-text{}
.about-text h2 {
	margin-bottom: 30px;
	font-size: 60px;
	font-weight: 500;
}
@media only screen and (max-width:480px) { 
.about-text h2 {font-size: 40px;}
}
.about-text p{margin-bottom:20px}
.about-bold {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
}
.about_btn {margin-top: 30px;}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START BUY SELL DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_sell_area {
	padding-bottom: 50px;
}
.buy_sell_list {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px;
	border-radius: 2px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 3px;
}
.buy_sell_list h4{
font-weight: 600;
font-size: 20px;
}
.buy_sell_list img{
	float: left;
	margin-right: 20px;
	width: 60px;
	margin-bottom: 20px;
}
.buy_sell_list p{overflow: hidden;}
@media only screen and (max-width:768px) { 
.portfolio_list_img {
margin-top:40px;
margin-bottom:40px;
text-align:center;
}
}

.how_to_buy_area{padding-bottom: 50px;}
.single_how_to_buy {
	padding: 40px;
	padding-top: 0;
}
.single_how_to_buy img{
width: 60px;
margin-bottom: 30px;
}
.single_how_to_buy h4{
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
}
.single_how_to_buy p{}
/*
* ----------------------------------------------------------------------------------------
* 05.END BUY SELL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START TOKEN SALE DESIGN
* ----------------------------------------------------------------------------------------
*/
.token_sale_area {
	background: url(../img/bg/bg-shape.png) no-repeat;
	padding-bottom:50px;
}
.token_content{margin-bottom:50px;}
.token_content h2 {
	margin-bottom: 15px;
	font-weight: 600;
}
.token_content p {}
.single_token {
	margin-bottom: 30px;
	border: 2px solid #fff;
	padding: 25px 10px;
	border-radius: 500px;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.06);
	transition:0.3s;
}
.single_token h4 {
	color:#fff;
	font-weight: 600;
	font-size:18px;
}
.single_token p{color:#fff;}
.single_token_bg_one{background:#5fc0d8;}
.single_token_bg_two{background:#6f4cf2;}
.single_token_bg_three{background:#c660e8;}
.single_token_bg_four{background:#05b169;}
.single_token_bg_five{background:#f2924c;}
.single_token_bg_six{background:#e8606f;}
.single_token_bg_seven{background:#1652f0;}
.single_token_bg_eight{background:#3DB2FF;}

/*START COUNTDOWN*/
.buy-icons {
	overflow: hidden;
	padding: 40px;
	border: 2px solid #fff;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 5px;
}
@media only screen and (max-width:480px) { 
.buy-icons{padding:20px;}
}
.ca-starts-in .timer-area {
  margin: 40px 0;
}
.ca-starts-in h3 {
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 36px;
}
.ca-starts-in .timer-area div {
color:#fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.ca-starts-in .timer-area div .cdown {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 25%;
  display: block;
  background: #F0FBFF;
  border-radius: 5px;
  text-align: center;
  margin-right: 16px;
  padding: 15px;
}
@media only screen and (max-width:480px) { 
.ca-starts-in .timer-area div .cdown{padding: 10px;}
}
.ca-starts-in .timer-area div .cdown:last-child {
  margin-right: 0;
}
.ca-starts-in .timer-area div .cdown .time-count {
	display: block;
	font-size: 30px;
	color: #1d1e20;
	margin-bottom: 10px;
	font-weight: 700;
}
@media only screen and (max-width:480px) { 
.ca-starts-in .timer-area div .cdown .time-count {font-size:22px;}
}
.ca-starts-in .timer-area div .cdown p {
	display: block;
	font-size: 14px;
	color: #1d1e20;
	line-height: 14px;
	font-weight: 600;
}
.ca-starts-in a{
margin-right:10px;
}

.payment_img{margin-top:30px;}
.payment_img a img {
	display: inline-block;
	width: 60px;
	padding:5px;
}
.buy-icons-img{padding-top:200px;}
@media only screen and (max-width:768px) { 
.buy-icons-img{padding-top:80px;}
}
/*END COUNTDOWN*/

/* .currency_content{
background:#1652f0;
padding:40px;
border-radius:5px;
}
.currency_content h3{
	color:#fff;
	font-size: 36px;
	font-weight: 700;
}
.currency_content p {
	color:#fff;
	margin-top: 20px;
	margin-bottom: 30px;
}
.cryptonatorwidget {
	border: 0 !important;
	padding: 0 !important;
	margin-bottom: 20px;
}
.cryptonatorwidget input {
	border: 2px solid rgba(255,255,255,0.2);
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #fff;
	padding: 0 10px;
	border-radius: 2px;
	font-family: 'Poppins', sans-serif !important;
}
.cryptonatorwidget select {
	border: 2px solid rgba(255,255,255,0.2);
	height: 52px !important;
	margin-bottom: 5px;
	text-transform: capitalize;
	background: none;
	color: #fff;
	padding: 0 10px;
	font-family: 'Poppins', sans-serif !important;
	border-radius: 2px;
}
.cryptonatorwidget > div {
  display: none;
} */
.token-img h4{font-weight: 600;}
.fund-img h4{font-weight: 600;}
/*
* ----------------------------------------------------------------------------------------
* 06.END TOKEN SALE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START ROADMAP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.roadmap_area {
	background: url(../img/bg/shapes-bg.png) no-repeat;
	background-size: cover;
	background-position: right center;
}
.timeline {position: relative;}
.timeline::after {
  content: '';
  position: absolute;
  width: 3px;
  background-color: #1652f0;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.time_contain {
  padding: 10px 50px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.time_contain h2 {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 20px;
}
.time_contain h2 span {
	color: #1652f0;
}
.time_contain::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -11px;
	background-color: #eee;
	border: 3px solid #1652f0;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.time_left {
  left: 0;
}

.time_right {
  left: 50%;
}

.time_left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

.time_right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}


.time_right::after {
  left: -13px;
}
.time_content {
	padding: 30px;
	background: #fff;
	position: relative;
	border-radius: 6px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 3px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  .timeline::after {
    left: 31px;
  }
  .time_contain {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }
  .time_contain::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }
  
  .time_left::after, .time_right::after {
    left: 15px;
  }
  
  .time_right {
    left: 0%;
  }
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END ROADMAP DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 08.START DOWNLOAD DESIGN
 * ----------------------------------------------------------------------------------------
 */
.download_area{position:relative;}
.download_area:before {
    background:#1652f0;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.app-text {overflow: hidden;}

.app-text h2 {
	color:#fff;
	font-size: 40px;
	margin-bottom:20px;
	font-weight: 600;
	text-transform: capitalize;
}
.app-text p{margin-bottom: 50px;color:#fff;}
.app-text ul{list-style:none;margin-top: 30px;}
.app-text ul li {
	font-size: 20px;
	line-height: 36px;
	float:left;
	margin-right:20px;
	position: relative;
	width: 250px;
	color:#fff;
	margin-bottom: 20px;
}
.app-text ul li span {
	color:#fff;
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 30px;
	margin-right: 10px;
	display: inline-block;
	border: 2px solid #fff;
}
.app_btn {
	margin-top:30px;
}
.app_btn a {margin-right:15px;}
@media only screen and (max-width:480px) { 
.app_btn a {margin-bottom:15px;}
}
.app_btn a i{margin-right:8px;}
.app_img {
	position: relative;
}
@media only screen and (max-width:768px) { 
.app_img {
margin-top:40px;
text-align:center;
}
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END DOWNLOAD DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_member {
	padding-bottom: 50px;
	overflow: hidden;
	background:#F0FBFF;
}
.our-team {
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.05);
}
.our-team img {
	width: 160px;
	height: 160px;
	border-radius: 500px;
	margin-bottom: 30px;
}
.our-team h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.our-team ul{
margin-bottom: 10px;
list-style:none;
}
.our-team ul li{
display: inline-block;
}
.our-team ul li a {
	margin: 0 10px;
	color: #1d1e20;
	transition: 0.3s;
	display: inline-block;
	position: relative;
}
.our-team ul li a:hover{color:#1652f0;}
.our-team span{position: relative;}
/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START BOARD ADVISOR DESIGN
* ----------------------------------------------------------------------------------------
*/
.board_member{padding-bottom:50px;}
.our-board{margin-bottom:30px;}
.our-board img {
	width: 160px;
	height: 160px;
	border-radius: 500px;
	margin-bottom: 30px;
}
.our-board h3 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 15px;
}
.our-board ul{
margin-bottom: 10px;
list-style:none;
}
.our-board ul li{
display: inline-block;
}
.our-board ul li a {
	margin: 0 10px;
	color: #1d1e20;
	transition: 0.3s;
	display: inline-block;
	position: relative;
}
.our-board ul li a:hover{color:#1652f0;}
.our-board span{position: relative;}
/*
* ----------------------------------------------------------------------------------------
* 10.END BOARD ADVISOR DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner_area{padding-bottom:50px;}
.partner-logo{}
.partner-logo img{
margin-bottom:30px;
width:140px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 12.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {}
.accordion-item {
	background-color: #fff;
	border: 1px solid #eee;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
}
.accordion-body {
	padding: 1rem 1.25rem;
	background: #F0FBFF;
}
.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding:20px;
	font-size: 20px;
	color: #1d1e20;
	text-align: left;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
	background: #fff;
	font-weight: 600;
}
.accordion-button:not(.collapsed) {
	color: #1d1e20;
	background-color: #fff;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
	transform: rotate(-180deg);
	content: "\f077";
	font-family: fontAwesome;
	font-size: 14px;
	color:#1d1e20;
	background-image: none;
}
.accordion-button::after {
	flex-shrink: 0;
	width: 1.02rem;
	margin-left: auto;
	content: "";
	transition: transform .2s ease-in-out;
	content: "\f077";
	font-family: fontAwesome;
	font-size: 14px;
	color:#1d1e20;
	background-image: none;
}
.faq-img{margin-top:30px;}
@media only screen and (max-width:768px) { 
.faq-img {
margin-top:40px;
text-align:center;
}
}
/* ----------------------------------------------------------------------------------------
* 12.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.promotion_area{position:relative;padding:80px 0;}
.promotion_area:before {
    background:#1652f0;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.newsletter_form{}
.newsletter_form h4 {
	color:#fff;
	margin-bottom: 30px;
	font-size: 32px;
	line-height: 42px;
	font-weight: 500;
}
.newsletter_form input {
	height: 55px;
	position: relative;
	padding: 10px 20px;
	width: 60%;
	margin-right: 10px;
	border-radius: 30px;
	border: 1px solid #fff;
}
@media only screen and (max-width:480px) { 
.newsletter_form input {margin-bottom:15px;}
}
.newsletter_form input:focus {
	border: 1px solid #1652f0;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_us{background: #F0FBFF;}
.contact {margin-right:30px;}
@media only screen and (max-width:768px) { 
.contact {margin-bottom:60px;margin-right:0px;}
}
.contact h4 {font-weight: 700;font-size: 40px;}
.contact p {
margin-bottom:40px;
}
.contact input {
	background: #fff;
	border-radius: 0px;
	box-shadow: none;
	color: #1d1e20;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
	height: 70px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	border: 1px solid #fff;
	position: relative;
}
.contact textarea {
	background: #fff;
	border-radius: 0px;
	margin-bottom:30px;
	box-shadow: none;
	color: #1d1e20;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 10px 10px 30px;
	width: 100%;
	border: 1px solid #fff;
	position: relative;
}
.contact input:focus {
	border: 1px solid #1652f0;
	background: #fff;
	color: #1d1e20;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
border: 1px solid #1652f0;
background: #fff;
color: #1d1e20;
    box-shadow: none;
    outline: 0 none;
}
.contact button {
	width: 100%;
	font-size: 16px;
}

.address_bg {
	background: #fff;
	padding: 40px;
	position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
	border-radius: 3px;
}
.single_address {
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.single_address:last-child {
	border-bottom: 0px;
	margin-bottom: 0;
	padding-bottom: 0px;
}
@media only screen and (max-width:768px) { 
.single_address{margin-bottom: 70px;}
}
.address_br{
float:left;
}
.single_address span {
	color: #1652f0;
	font-size: 30px;
	margin-bottom: 20px;
	display: block;
	margin-right: 20px;
	position: relative;
}
.single_address h4 {
	font-weight: 600;
	font-size: 18px;
	overflow: hidden;
	
}
.single_address p{overflow: hidden;}
.contact_btn {
	background: #1652f0;
	padding: 10px;
	color: #fff;
	position: relative;
	text-transform: capitalize;
	font-weight: 600;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.contact_btn:hover{background:#1652f0;color: #fff;}


.map{}
.map iframe{
width:100%;
height:500px;
margin-bottom: -8px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_bg{background:#f4f5f7;}
.blog_area{padding-bottom:50px;}
.single_blog {
	background: #fff;
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
}
@media only screen and (max-width:768px) { 
.single_blog {margin-bottom:30px;}
}
.blog-img{}
.blog-img img{position: relative;}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.blog-img a {
	color: #1d1e20;
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	margin-top: 20px;
	position: relative;
}
.single_blog h2 {
	font-weight: 700;
	line-height: 30px;
	font-size: 20px;
	margin: 0 20px;
}
.single_blog h2 a{color:#1d1e20;}
.single_blog h2 a:hover{color:#1652f0;}
.single_blog span {
	text-transform: capitalize;
	padding: 0 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 10px;
}
.single_blog span a {
	color: #1652f0;
	position: relative;
}
.single_blog > a {
	margin: 20px 0;
	margin-bottom: 30px;
}
.single_blog > a:hover{}

/*BLOG PAGES DESIGN*/
.blog-page{background: #F0FBFF;}
.post-slide-blog{
background: #fff none repeat scroll 0 0;
border-radius:10px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
margin-bottom: 30px;
overflow: hidden;
position: relative;
padding: 40px;
}
.blog-img img{position: relative;}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.post-slide-blog h2 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}
.post-slide-blog h2 a{color:#1e2739 ;}
.post-slide-blog h2 a:hover{color:#1652f0;}
.post-slide-blog span {
	text-transform: capitalize;
	padding-right: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
}
.post-slide-blog span a{color:#1652f0;}
.post-slide-blog > a{margin-bottom: 0px;}
.post-slide-blog p{margin-bottom: 30px;}



/*START PAGINATION*/
ul.blog_pagination li a {
	border: 1px solid #fff;
	border-radius: 30px;
	color: #1e2739;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	height: 60px;
	line-height: 60px;
	position: relative;
	margin: 5px;
	text-align: center;
	width: 60px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #1652f0;
    border: 1px solid #1652f0;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #303a4f;
	color: #1e2739;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	position: relative;
	border-radius:10px;
	border-top: 3px solid #1652f0;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search{}
.blog_search input {
	background: none;
	border: 1px solid #e5e6e7;
	border-radius: 0;
	color: #333;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 50px;
}
.blog_search input:focus{background: none;border: 1px solid #1652f0;color: #333;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #e5e6e7;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #444;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #1652f0 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #1652f0 }
.single_upcoming_event span i{margin-right:5px;color: #1652f0 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #444;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover { color: #1652f0 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #303a4f;
	border-radius: 30px;
	color: #444;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 15px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: none;
}
.tag a:hover {
    background: #1652f0;
    color: #fff;
    border: 2px solid #1652f0;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #1652f0;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #303a4f;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #1652f0;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	padding: 40px;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background: #222;
	padding-bottom: 40px; /*80px*/
	padding-top: 40px; /*80px*/
}
.footer_menu {
	margin-bottom: 20px;
}
.footer_menu ul {
	list-style: none;
	text-align: center;
}
.footer_menu ul li{display: inline-block;}
.footer_menu ul li a {
	color:#fff;
	font-family: "NeueMontreal-Medium";
	font-weight:400;
	padding: 0 10px;
	position: relative;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.footer_menu ul li a:hover{
	color:#000;
	text-decoration:underline;
}

/*START FOOTER SOCIAL DESIGN*/
.footer_profile{}
.footer_profile ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.footer_profile ul li{
display: inline-block;
}
@media only screen and (max-width:480px) { 
.footer_profile ul li{margin:2px;}
}
.footer_profile ul li a img{width:60px;}

.footer_profile ul li a {
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	position: relative;
	margin-right: 5px;
	border-radius: 50%;
	line-height: 40px;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
	color: #fff;
}
.footer_profile ul li a:hover{}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#bc2a8d;}
.f_linkedin{background:#0e76a8;}
/*END FOOTER SOCIAL DESIGN*/
.footer_copyright {
	margin-bottom: 20px;
	text-transform: capitalize;
	position: relative;
	font-weight:400;
	font-size: 16px;
	color: #fff;
	font-family: "NeueMontreal-Light";
}
.footer_copyright img {
	width: 25%;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 15.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top{position:relative;padding:80px 0;}
.section-top:before {
    background:#1652f0;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/